// 新闻列表
<template>
  <div id="news-list">
    <div class="banner">
      <p>新闻中心</p>
    </div>
    <div class="content width">
      <h2>新闻中心</h2>
      <div class="line"></div>
      <ul>
        <li @click="$router.push({ name: 'newsInfo26' })" class="hand-cursor">
          <p>国家一级学会主办：首届“中语杯”全国高校互联网+英语教学大赛的通知</p>
          <span>2020-12-19</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo22' })" class="hand-cursor">
          <p>安徽工业大学 ¦ 外国语学院积极联合中语智汇科技（厦门）企业开展商务单证实训</p>
          <span>2020-11-28</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo23' })" class="hand-cursor">
          <p>福建商学院 ¦ 我院与中语智汇科技（厦门）有限公司签署合作协议</p>
          <span>2020-11-25</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo24' })" class="hand-cursor">
          <p>外国语学院通过企业云端实训推进校企协同育人</p>
          <span>2020-11-15</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo25' })" class="hand-cursor">
          <p>实践教学丨外国语学院留学生跨国“云”实习活动顺利推进</p>
          <span>2020-11-10</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo21' })" class="hand-cursor">
          <p>推荐 ¦ 疫情下的留学机构怎么选</p>
          <span>2020-11-7</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo20' })" class="hand-cursor">
          <p>山东外贸职业学院：商务日语专业学生暑期线上实习纪实</p>
          <span>2020-10-26</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo19' })" class="hand-cursor">
          <p>江西财经职业学院：外国语学院开展暑期线上实习活动</p>
          <span>2020-10-17</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo18' })" class="hand-cursor">
          <p>湖北第二师范学院：商务英语系暑期“云模式”实习结业</p>
          <span>2020-10-12</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo17' })" class="hand-cursor">
          <p>西京学院：外国语学院召开校企合作研讨会</p>
          <span>2020-09-18</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo16' })" class="hand-cursor">
          <p>天津理工大学：疫情防控常态化下暑期实习工作有序开展</p>
          <span>2020-09-18</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo15' })" class="hand-cursor">
          <p>云端助力 曲阜师大翻译学院探索暑期实习新模式</p>
          <span>2020-09-18</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo14' })" class="hand-cursor">
          <p>西南交通大学：商务英语系三个年级暑期在线实习顺利结束</p>
          <span>2020-08-25</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo13' })" class="hand-cursor">
          <p>线上赋能 校企合作：西安翻译学院深化协同育人新模式</p>
          <span>2020-08-25</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo12' })" class="hand-cursor">
          <p>长春大学旅游学院外国语学院英语专业学生暑期云实习圆满落幕</p>
          <span>2020-08-25</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo11' })" class="hand-cursor">
          <p>直播回顾 ¦ 企业高管分享：疫情下的“新外贸、新营销”</p>
          <span>2020-07-31</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo10' })" class="hand-cursor">
          <p>直播回顾 ¦ 海外留学生解锁海外求职攻略</p>
          <span>2020-07-31</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo9' })" class="hand-cursor">
          <p>直播回顾｜“语言教学与创新实践”公益讲座精彩回顾</p>
          <span>2020-07-13</span>
        </li>
        <el-divider></el-divider>
<!--        <li @click="$router.push({ name: 'newsInfo8' })" class="hand-cursor">-->
<!--          <p>上海对外经贸大学国际商务外语学院与中语智汇科技（厦门）有限公司 举行合作签约仪式</p>-->
<!--          <span>2020-07-10</span>-->
<!--        </li>-->
<!--        <el-divider></el-divider>-->
        <li @click="$router.push({ name: 'newsInfo7' })" class="hand-cursor">
          <p>这个实习令人震撼！500强、学术大咖云集，北大、北外群星璀璨！2000万翻译量，400场同传...</p>
          <span>2020-07-09</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo6' })" class="hand-cursor">
          <p>第二届CSSCI论文写作在线研修班2号通知</p>
          <span>2020-07-09</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo4' })" class="hand-cursor">
          <p>在线赋能，你选对平台了吗</p>
          <span>2020-05-12</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo5' })" class="hand-cursor">
          <p>听得懂？嗯！说得出？嗯？？？</p>
          <span>2020-05-10</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo' })" class="hand-cursor">
          <p>停课不停学，中语智汇助力外语在线教学</p>
          <span>2020-02-20</span>
        </li>
        <el-divider></el-divider>
        <li @click="$router.push({ name: 'newsInfo2' })" class="hand-cursor">
          <p>
            关于召开2020年高校英语专业教学指导分委员会全体会议暨全国高校外语学院院长论坛的通知
          </p>
          <span>2020-02-18</span>
        </li>
        <el-divider></el-divider>
      </ul>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
#news-list {
  .banner {
    width: 100%;
    height: 500px;
    background-image: url(../assets/img/news/新闻中心banner.png);
    background-size: 100% 100%;
    p {
      font-size: 60px;
      line-height: 500px;
      text-align: center;
      color: #ffffff;
    }
  }
  .content {
    min-height: 600px;
    padding: 100px 0;
    text-align: center;
    h2 {
      font-size: 28px;
    }
    ul {
      padding: 30px 50px;
      background: #ffffff;
      li {
        list-style: none;
        display: flex;
        justify-content: space-between;
        color: #898989;
        font-size: 14px;
        line-height: 40px;
      }
      .el-divider--horizontal {
        margin: 15px 0;
      }
    }
  }
  .width {
    width: 1000px;
    margin: 0 auto;
  }
  .line {
    width: 100px;
    height: 0px;
    border: #0f5bfc 4px solid;
    border-radius: 4px;
    margin: 20px auto;
  }
}
</style>
